<template>
  <div style="width: 100%;">
    <NuxtRouteAnnouncer />
    <Header /> <!-- 添加全局头部组件 -->
    <main>
      <NuxtPage /> <!-- 渲染当前页面 -->
    </main>
    <Footer /> <!-- 添加全局底部组件 -->
  </div>
</template>

<script setup>
import Header from '@/components/Header.vue' // 引入全局头部组件
import Footer from '@/components/Footer.vue' // 引入全局底部组件
import { useCounterStore } from '~/store/counterStore'

const counter = useCounterStore()
</script>